*{
    margin: 0;
    padding: 0;
}

.body_body_box_header{
    width: 24.5vw;
    height: 34px;
    position: relative;
    top: 10px;
    background-image: url('../image/title.png');
    background-size:cover;

    .header_word{
        width: 165px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        font-size: 12px;
        color: white;
    }
    .header_word_two{
        width: 140px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        font-size: 12px;
        color: white;
    }
}

.body_body_box_main{
    width: 24.5vw;
    height: 40vh;
    background-image: url('../image/bg.png');
    background-size:cover;
    background-position: center;
}

.word_top{
    color: white;
    font-size: 12px;
}

.word_down{
    margin-top: 6px;
    color: gray;
    font-size: 12px;

    .span_one{
        color: #23fffc;
        font-size: 16px;
    }

    .span_two{
        color: #23fffc;
        font-size: 16px;
    }
}

/* 右下选项卡配置 */
.body_body_box_two_main_bottom{
    color: #16827e;
    display: none;
}

.two_main_bottom_first{
    display: block;
}

.select_box{
    color: #adb7bb;
    border: 1px solid #127977;
    background-color: #051f26;
}

.select_box_first{
    color: #23fffc;
    border: 1px solid #23fffc;
    background-color: #093335;
}

/* 身体基础配置 */
.FA_body{
    width: 100vw;
    height: 100vh;
    background-image: url('../image/组18.png');
    background-size: cover;
    background-position: center;

    /* 身体头部 */
    .body_top{
        width: 99.5%;
        height: 5vh;
        margin: 0 auto;
        display: flex;
        background-image: url('../image/top_bg.png');
        background-size: cover;
        background-position: center;

        .body_top_word_one{
            width: 22%;
            height: 5vh;
            color: white;
            line-height: 5vh;
            text-align: center;
            font-size: 1.1vw;
            letter-spacing: 0.2vw;
            text-shadow: 0.15vw 0.15vw 0.3vw #16827e; /* 添加阴影效果 */
        }

        .body_top_word_two{
            width: 5%;
            height: 5vh;
        }

        .body_top_word_three{
            width: 50%;
            height: 5vh;
            display: flex;
            justify-content: space-around;

            .body_top_word_three_son{
                width: 15%;
                height: 4vh;
                color: white;
                text-align: center;
                line-height: 5vh;
                display: flex;

                .three_son_d1{
                    width: 12%;
                    height: 1.5vh;
                    margin: 1.8vh auto;
                    background-image: url('../image/depment-heart.png');
                    background-size: cover;
                    background-position: center;
                }

                .three_son_d2{
                    height: 4.5vh;
                    font-size: 0.9vw;
                    cursor: pointer;
                    margin: 0 auto;
                }
                .first{
                    color: #34ffea;
                    text-shadow: 0.15vw 0.15vw 0.3vw #16827e;
                    border-bottom:0.1vw solid #34ffea;
                }
                .yes{
                    display: block;
                }
                .no{
                    display: none;
                }

                .three_son_d3{
                    width: 15%;
                    height: 1.5vh;
                    margin: 1.8vh auto;
                    background-image: url('../image/depment-heart.png');
                    background-size: cover;
                    background-position: center;
                }
            }
        }
    }

    /* 身体内容 */
    .body_body{
        height: 90vh;
        display: flex;
        margin: 1vh auto;

        /* 身体左侧内容 */
        .body_body_box_left{
            width: 24.5vw;
            height: 800px;

            .body_body_box_one_main{
                height: 380px;
               
                .body_body_box_one_main_top{
                    width: 23vw;
                    height: 5vw;
                    position: relative;
                    top: 2vh;
                    display: flex;
                    margin: 0 auto;

                    .one_top_boxOne{
                        width: 11vw;
                        height: 80px;
                        margin: 10px auto;
                        background-image: url('../image/service.png');
                        background-size: cover;
                        background-position: center;

                        .one_top_boxOne_son{
                            width: 100px;
                            height: 50px;
                            margin: 1.5vw;
                        }
                    }
                    .one_top_boxTwo{
                        width: 11vw;
                        height: 80px;
                        margin: 10px auto;
                        background-image: url('../image/service.png');
                        background-size: cover;
                        background-position: center;
                        filter: hue-rotate(25deg); /* 将图片颜色转换为蓝色调 */

                        .one_top_boxTwo_son{
                            width: 100px;
                            height: 50px;
                            margin: 1.5vw;
                        }
                    }
                }

                .body_body_box_one_main_bottom{
                    width: 20vw;
                    height: 260px;
                    margin: 30px auto;
                }

                .img_one{
                    width: 80px;
                    height: 80px;
                    margin-top: 10px;
                    background-image: url('../image/service1.png');
                    background-size: cover;
                    background-position: center;
                }

                .img_two{
                    width: 300px;
                    height: 30px;
                    margin-top: 40px;
                    margin-left: 10px;
                    background-image: url('../image/service2.png');
                    background-size: cover;
                    background-position: center;
                }
            }
        }

        /* 身体中间内容 */
        .body_body_box_center{
            width:48vw;
            height: 800px;
            margin-left: 0.5vw;

            .body_body_box_center_top_box{
                width: 800px;
                height: 550px;

                .body_body_box_center_top_box_sonOne{
                    width: 40vw;
                    height: 100px;
                    display: flex;

                    .sonOne_bigBox{
                        width: 12vw;
                        height: 50px;
                        margin: 25px;
                        margin-left: 40px;
                        display: flex;
                        border: 1px solid #0f6f6d;
                        background-color: rgba(17, 223, 216, 0.2);
                        color: #23fffc;
                        line-height: 50px;
                        text-align: center;

                        >div{
                            width: 200px;
                        }
                    }

                    .sonTwo_bigBox{
                        width: 12vw;
                        height: 50px;
                        margin: 25px;
                        display: flex;
                        border: 1px solid #064285;
                        background-color: rgba(15, 55, 234, 0.2);
                        color: #239aff;
                        line-height: 50px;
                        text-align: center;

                        >div{
                            width: 200px;
                        }
                    }

                    .sonThree_bigBox{
                        width: 12vw;
                        height: 50px;
                        margin: 25px;
                        display: flex;
                        border: 1px solid #857e06;
                        background-color: rgba(216, 223, 17, 0.2);
                        color: #fed52f;
                        line-height: 50px;
                        text-align: center;

                        >div{
                            width: 200px;
                        }
                    }
                }

                .body_body_box_center_top_box_sonTwo{
                    width: 42vw;
                    height: 8vw;

                    .body_body_box_center_top_box_sonTwo_trapezoid_One {
                        width: 42vw; /* 梯形的宽度 */
                        height: 0; /* 高度为0，因为我们将使用边框来创建梯形 */
                        border-bottom: 75px solid #0a505e; /* 底边边框，设置为梯形的高度 */
                        border-left: 37.5px solid transparent; /* 左边边框，透明 */
                        border-right: 37.5px solid transparent; /* 右边边框，透明 */
                        position: relative;
                        margin: 0 auto;
                        margin-top: 100px;
                        display: flex;
                        justify-content: space-around;

                        /* 蓝色 */
                        .trapezoid_One_box_one{
                            width: 12vw;
                            height: 170px;
                            position: relative;
                            bottom: 100px;
                            background-image: url('../image/组18(1).png');
                            background-size: cover;
                            background-position: center;

                            .trapezoid_One_box_one_top{
                                width: 8vw;
                                height: 105px;
                                text-align: center;
                                line-height: 25px;

                                .trapezoid_One_box_one_top_wordOne{
                                    font-size: 18px;
                                    color: #23fffc;
                                }
                                .trapezoid_One_box_one_top_wordTwo{
                                    font-size: 14px;
                                    color: #fff;
                                }
                                .trapezoid_One_box_one_top_wordThree{
                                    font-size: 12px;
                                    color: gray;
                                }
                            }

                            .trapezoid_One_box_one_down_one{
                                width: 55px;
                                height: 40px;
                                margin: 0 auto;
                                position: relative;
                                bottom: 20px;
                                background-image: url('../image/图层 523.png');
                                background-position: center;
                            }
                            .trapezoid_One_box_one_down_two{
                                width: 46px;
                                height: 46px;
                                margin: 0 auto;
                                position: relative;
                                bottom: 25px;
                                background-image: url('../image/图层 522.png');
                                background-position: center;
                            }
                            .trapezoid_One_box_one_down_three{
                                width: 45px;
                                height: 39px;
                                margin: 0 auto;
                                position: relative;
                                bottom: 20px;
                                background-image: url('../image/图层 523(1).png');
                                background-position: center;
                            }
                            .trapezoid_One_box_one_down_five{
                                width: 45px;
                                height: 45px;
                                margin: 0 auto;
                                position: relative;
                                bottom: 20px;
                                background-image: url('../image/图层 523(3).png');
                                background-position: center;
                            }
                            .trapezoid_One_box_one_down_six{
                                width: 45px;
                                height: 48px;
                                margin: 0 auto;
                                position: relative;
                                bottom: 30px;
                                background-image: url('../image/图层 523(4).png');
                                background-position: center;
                            }
                            .trapezoid_One_box_one_down_seven{
                                width: 45px;
                                height: 49px;
                                margin: 0 auto;
                                position: relative;
                                bottom: 30px;
                                background-image: url('../image/图层 523(5).png');
                                background-position: center;
                            }
                            .trapezoid_One_box_one_down_eight{
                                width: 54px;
                                height: 32px;
                                margin: 0 auto;
                                position: relative;
                                bottom: 15px;
                                background-image: url('../image/图层 523(6).png');
                                background-position: center;
                            }
                            .trapezoid_One_box_one_down_nine{
                                width: 42px;
                                height: 42px;
                                margin: 0 auto;
                                position: relative;
                                bottom: 20px;
                                background-image: url('../image/图层 522(1).png');
                                background-position: center;
                            }
                            .trapezoid_One_box_one_down_ten{
                                width: 42px;
                                height: 45px;
                                margin: 0 auto;
                                position: relative;
                                bottom: 20px;
                                background-image: url('../image/图层 522(2).png');
                                background-position: center;
                            }
                        }

                        /* 橙色 */
                        .trapezoid_One_box_two{
                            width: 12vw;
                            height: 170px;
                            position: relative;
                            bottom: 100px;
                            background-image: url('../image/组18(3).png');
                            background-size: cover;
                            background-position: center;

                            .trapezoid_One_box_one_top{
                                width: 8vw;
                                height: 105px;
                                text-align: center;
                                line-height: 25px;

                                .trapezoid_One_box_one_top_wordOne{
                                    font-size: 18px;
                                    color: #ffda30;
                                }
                                .trapezoid_One_box_one_top_wordTwo{
                                    font-size: 14px;
                                    color: #fff;
                                }
                                .trapezoid_One_box_one_top_wordThree{
                                    font-size: 12px;
                                    color: gray;
                                }
                            }

                            .trapezoid_One_box_one_down_four{
                                width: 45px;
                                height: 45px;
                                margin: 0 auto;
                                position: relative;
                                bottom: 25px;
                                background-image: url('../image/图层523(2).png');
                                background-position: center;
                            }
                        }
                    }

                    .body_body_box_center_top_box_sonTwo_trapezoid_Two {
                        width: 45vw; /* 梯形的宽度 */
                        height: 0; /* 高度为0，因为我们将使用边框来创建梯形 */
                        border-bottom: 20px solid #073947; /* 底边边框，设置为梯形的高度 */
                        border-left: 10px solid transparent; /* 左边边框，透明 */
                        border-right: 10px solid transparent; /* 右边边框，透明 */
                        position: relative;
                        margin: 0 auto;
                    }
                }

                .body_body_box_center_top_box_sonThree{
                    width: 800px;
                    height: 200px;
                    border: 1px solid red;
                }
            }

            .body_body_box_center_bottom_box{
                width: 40vw;
                height: 280px;

                .body_body_box_center_bottom_box_son{
                    width: 40vw;
                    height: 125px;

                    .body_body_box_center_bottom_box_header{
                        width: 800px;
                        height: 50px;
                        position: relative;
                        top: 10px;
                        background-image: url('../image/title.png');
                        background-size: cover;

                        .header_word{
                            width: 165px;
                            height: 50px;
                            text-align: center;
                            line-height: 50px;
                            font-size: 12px;
                            color: white;
                        }
                        .header_word_two{
                            width: 180px;
                            height: 50px;
                            text-align: center;
                            line-height: 48px;
                            font-size: 14px;
                            color: white;
                        }
                    }

                    .body_body_box_center_bottom_box_son{
                        width: 40vw;
                        height: 220px;
                        margin-top: 8px;
                        background-image: url('../image/bg.png');
                        background-size:cover;
                        background-position: center;

                        >div{
                            width: 35vw;
                            height: 200px;
                            margin: 0 auto;
                            display: flex;
                            position: relative;
                            top: 10px;

                            .body_body_box_center_bottom_box_son_left{
                                width: 15vw;
                                height: 200px;

                                >div{
                                    width: 10vw;
                                    height: 60px;
                                    margin-top: 6px;
                                    display: flex;
                                    background-color: #032124;

                                    .left{
                                        width: 10px;
                                        height: 60px;
                                        border-bottom: 1px solid white;
                                        border-top: 1px solid white;
                                    }

                                    .center{
                                        width: 100px;
                                        height: 60px;
                                        display: flex;

                                        .center_img_one{
                                            width: 50px;
                                            height: 50px;
                                            margin-top: 5px;
                                            background-image: url('../image/图层555(1).png');
                                            background-size:cover;
                                            background-position: center;
                                        }
                                        .center_img_two{
                                            width: 50px;
                                            height: 50px;
                                            margin-top: 5px;
                                            background-image: url('../image/图层555(2).png');
                                            background-size:cover;
                                            background-position: center;
                                        }
                                        .center_img_three{
                                            width: 50px;
                                            height: 50px;
                                            margin-top: 5px;
                                            background-image: url('../image/图层555.png');
                                            background-size:cover;
                                            background-position: center;
                                        }

                                        .center_word{
                                            width: 50px;
                                            height: 50px;
                                            margin-top: 5px;
                                            margin-left: 5px;

                                            .center_word_one{
                                                font-size: 15px;
                                                margin-top: 5px;
                                                color: white;
                                            }

                                            .center_word_two{
                                                font-size: 12px;
                                                color: gray;
                                            }
                                        }
                                    }

                                    .right{
                                        width: 10px;
                                        height: 60px;
                                        border-bottom: 1px solid white;
                                        border-top: 1px solid white;
                                    }
                                }
                            }

                            .body_body_box_center_bottom_box_son_right{
                                width: 60vw;
                                height: 10vw;
                                margin-top: 3px;
                            }
                        }
                    }
                }
            }
        }

        /* 身体右侧内容 */
        .body_body_box_right{
            width: 24.5vw;
            height: 700px;

            .body_body_box_one_main{
                height: 380px;
               
                .body_body_box_one_main_top{
                    width: 22vw;
                    height: 150px;
                    position: relative;
                    top: 2vh;
                    display: flex;
                    justify-content: space-around;
                    flex-wrap: wrap;
                    margin: 0 auto;
                    
                    .body_body_box_one_main_top_right_son{
                        width: 10vw;
                        height: 70px;
                        margin-top: 10px;
                        display: flex;

                        .body_body_box_one_main_top_right_son_img{
                            width: 60px;
                            height: 60px;
                            margin: 0.5vw;
                            background-image: url('../image/servuce3.png');
                            background-size: cover;
                            background-position: center;
                        }

                        .body_body_box_one_main_top_right_son_word{
                            margin: 5px;
                            margin-top: 10px;
                            margin-left: 10px;

                            .body_body_box_one_main_top_right_son_word_wordOne{
                                font-size: 20px;
                                color: #30fdff;
                            }
                            .body_body_box_one_main_top_right_son_word_wordTwo{
                                font-size: 12px;
                                color: #afb9ba;
                            }
                        }
                    }
                }

                .body_body_box_two_main_top{
                    width: 22vw;
                    height: 100px;
                    position: relative;
                    top: 20px;

                    .body_body_box_two_main_top_boxOne{
                        color: white;
                        font-size: 12px;

                        span{
                            color: #23fffc;
                        }

                        >div{
                            margin-left: 2.5vw;
                            margin-top: 10px;
                        }

                        .body_body_box_two_main_top_boxOne_select_box{
                            display: flex;
                            justify-content: space-around;
                            margin-top: 15px;

                            >div{
                                width: 95px;
                                height: 33px;
                                text-align: center;
                                line-height: 33px;
                                cursor: pointer;
                            }
                        }
                    }
                }

                .body_body_box_two_main_bottom{
                    width: 20vw;
                    height: 200px;
                    position: relative;
                    top: 20px;
                    left: 20px;
                }

                .body_body_box_one_main_bottom{
                    width: 400px;
                    height: 200px;
                    margin: 30px auto;

                    .body_body_box_one_main_bottom_imgThree{
                        width:20vw;
                        height: 150px;
                        margin-left: 40px;
                        margin-top: 50px;
                        background-image: url('../image/矩形5.png');
                        background-size: cover;
                        background-position: center;
                    }
                }
            }
        }
    }
}

